<template>
  <div class="title">{{ title }}</div>
</template>

<script>
export default {
  name: "BaseTitle",
  props: {
    title: {
      type: String,
      default: "基础信息",
    },
  },
};
</script>

<style lang="scss" scoped>
.title {
  position: relative;
  text-align: left;
  font-size: 16px;
  color: #303133;
  font-weight: bold;
  margin-bottom: 26px;
}
.title::before {
  position: absolute;
  content: "";
  display: inline-block;
  left: -12px;
  top: 3px;
  width: 4px;
  height: 16px;
  background-color: #409eff;
  margin-right: 10px;
}
</style>